<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>详情页</title>
    <link rel="stylesheet" href="https://tstatic.dgg.net/static/plugs/DataTables/css/jquery.dataTables.css">
    <link rel="stylesheet" href="https://tstatic.dgg.net/static/plugs/layui/css/layui.min.css">
    <link rel="stylesheet" href="https://tstatic.dgg.net/static/css/dgg-iboss.min.css">
    <link rel="stylesheet" href="https://tstatic.dgg.net/static/css/dgg-plugs.min.css">
</head>
<body>
    <div class="body-main">
        <div class="finan-panel">
            <div class="finan-tit">
                <b>证书信息</b>
            </div>
            <div class="panel-table">
                <form action="">
                    <table class="layui-table table-info">
                        <tbody>
                        <tr>
                            <th>证书类型</th>
                            <td>建造师</td>
                            <th>证书专业</th>
                            <td>水利水电工程</td>
                            <th>证书级别</th>
                            <td>二级</td>
                            <th>地区</th>
                            <td>成都</td>
                        </tr>
                        <tr>
                            <th>客户性别</th>
                            <td>
                                <select class="select-plug">
                                    <option value="1">女</option>
                                    <option value="2">男</option>
                                </select>
                            </td>
                            <th>客户年龄</th>
                            <td><input type="text" value="44" class="info-input"></td>
                            <th>客户婚姻状况</th>
                            <td>
                                <select class="select-plug">
                                    <option value="1">是已婚</option>
                                    <option value="2">未婚</option>
                                    <option value="2">离异</option>
                                </select>
                            </td>
                            <th>客户子女状况</th>
                            <td>
                                <select class="select-plug">
                                    <option value="1">0</option>
                                    <option value="2">1</option>
                                    <option value="2">2</option>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <th>客户学历</th>
                            <td>
                                <select class="select-plug">
                                    <option value="1">初中</option>
                                    <option value="2">高中</option>
                                    <option value="3">中专</option>
                                    <option value="4">大专</option>
                                    <option value="5">本科</option>
                                </select>
                            </td>
                            <th>客户来源</th>
                            <td>网运/电台</td>
                            <th>商机来源</th>
                            <td>北京</td>
                            <th>业务区域</th>
                            <td>北京</td>
                        </tr>
                        </tbody>
                    </table>
                </form>
            </div>
        </div>
        <div class="finan-panel">
            <div class="finan-tit">
                <b>超期预警</b>
            </div>
            <div class="panel-table">
                <table class="layui-table" id="choose-table">
                    <thead>
                    <tr><th>证书到期预警量</th>
                        <th>证书使用预警量</th>
                        <th>人才合同到期预警量</th>
                        <th>企业合同到期预警量</th>
                        <th>证书未使用预警量</th>
                    </tr></thead>
                    <tbody>
                    <tr>
                        <td>20</td>
                        <td>15</td>
                        <td>30</td>
                        <td>10</td>
                        <td>5</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="tab-panel layui-tab">
            <ul class="tab-tit layui-tab-title">
                <li class="layui-this"><a href="javascript:void(0)">历史记录</a></li>
                <li><a href="javascript:void(0)">收支记录</a></li>
            </ul>
            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                    <div class="record-warp">
                        <select class="select-style">
                            <option>分配</option>
                            <option>放款</option>
                            <option>下单</option>
                        </select>
                    </div>

                    <table class="layui-table">
                        <thead>
                        <tr><th>操作人</th>
                            <th>操作类型</th>
                            <th>操作时间</th>
                            <th>所属订单</th>
                            <th>备注</th>
                        </tr></thead>
                        <tbody>
                        <tr>
                            <td>李四4123456</td>
                            <td>入库</td>
                            <td>2018-01-01</td>
                            <td></td>
                            <td>【入库原因】人才借用归还</td>
                        </tr>
                        <tr>
                            <td>李四4123456</td>
                            <td>出库</td>
                            <td>2018-01-01</td>
                            <td></td>
                            <td>【出库原因】人才借用</td>
                        </tr>
                        <tr>
                            <td>李四4123456</td>
                            <td>解除使用</td>
                            <td>2018-01-01</td>
                            <td>生产订单编号：SC4564567</td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>李四4123456</td>
                            <td>使用</td>
                            <td>2018-01-01</td>
                            <td>生产订单编号：SC4564567</td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>李四4123456</td>
                            <td>匹配</td>
                            <td>2018-01-01</td>
                            <td>生产订单编号：SC4564567</td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>李四4123456</td>
                            <td>预订</td>
                            <td>2018-01-01</td>
                            <td>生产订单编号：SC4564567</td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>李四4123456</td>
                            <td>新增入库</td>
                            <td>2018-01-01</td>
                            <td>订单编号：DD123456789</td>
                            <td></td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="layui-tab-item">
                    <div class="record-warp">
                        <select class="select-style">
                            <option>分配</option>
                            <option>放款</option>
                            <option>下单</option>
                        </select>
                    </div>
                    <ul class="business-info">
                        <li><b>支付金额合计：</b>5000</li>
                        <li><b>收款金额合计：</b>30000</li>
                    </ul>
                    <table class="layui-table">
                        <thead>
                        <tr><th>所属订单</th>
                            <th>收支类型</th>
                            <th>时间</th>
                            <th>金额（元）</th>
                            <th>备注</th>
                        </tr></thead>
                        <tbody>
                        <tr>
                            <td>生产订单编号：SC4564567</td>
                            <td>李四4123456</td>
                            <td>入库</td>
                            <td>2018-01-01</td>
                            <td>【入库原因】人才借用归还</td>
                        </tr>
                        <tr>
                            <td>生产订单编号：SC4564567</td>
                            <td>李四4123456</td>
                            <td>出库</td>
                            <td>2018-01-01</td>
                            <td>【出库原因】人才借用</td>
                        </tr>
                        <tr>
                            <td>生产订单编号：SC4564567</td>
                            <td>李四4123456</td>
                            <td>解除使用</td>
                            <td>2018-01-01</td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>生产订单编号：SC4564567</td>
                            <td>李四4123456</td>
                            <td>使用</td>
                            <td>2018-01-01</td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>生产订单编号：SC4564567</td>
                            <td>李四4123456</td>
                            <td>匹配</td>
                            <td>2018-01-01</td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>生产订单编号：SC4564567</td>
                            <td>李四4123456</td>
                            <td>预订</td>
                            <td>2018-01-01</td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>订单编号：DD123456789</td>
                            <td>李四4123456</td>
                            <td>新增入库</td>
                            <td>2018-01-01</td>
                            <td></td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <script src="https://tstatic.dgg.net/static/plugs/jquery/jquery-1.9.1.min.js"></script>
    <script src="https://tstatic.dgg.net/static/plugs/layui/layui.all.js"></script>
</body>
</html>